<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>综合业务_模板3_三列样式</title>
    <link rel="stylesheet" href="../../statics/bddp/static/common/reset.css" />
    <link
      rel="stylesheet"
      href="../../statics/bddp/static/common/ledtime/digital-clock.css"
    />
    <link
      rel="stylesheet"
      href="../../statics/bddp/static/common/autoscroll/autoscroll.css"
    />
    <link
      rel="stylesheet"
      href="../../statics/bddp/static/common/swiper/swiper.min.css"
    />
    <link
      rel="stylesheet"
      href="../../statics/bddp/static/common/commonShow.css"
    />
    <script src="../../statics/bddp/static/common/jquery/jquery-1.11.0.js"></script>
    <script src="../../statics/bddp/static/common/echarts/echarts.min.js"></script>
    <script src="../../statics/bddp/static/common/autoscroll/autoscroll.js"></script>
    <script src="../../statics/bddp/static/common/ledtime/digital-clock.js"></script>
    <script src="../../statics/bddp/static/common/swiper/swiper.min.js"></script>
    <script src="../../statics/bddp/static/design/effect.js"></script>
    <script src="../../statics/bddp/static/export/bulidCharts.min.js"></script>
    <style type="text/css"></style>
    <style>
      #BAIDU_DSPUI_FLOWBAR,
      .adsbygoogle,
      .ad,
      div[class^="ad-widsget"],
      div[id^="div-gpt-ad-"],
      a[href*="cpro.baidu.com"],
      a[href*="@"][href*=".exe"],
      a[href*="/?/"][href*=".exe"],
      .adpushwin {
        display: none !important;
        max-width: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
      }
    </style>
  </head>

  <body
    style="background-color:rgb(47, 50, 59);background-image:url('../../statics/bddp/static/img/bg/5.png');"
  >
    <div class="bg">
      <div class="spinner">
        <div class="rect1"></div>
        <div class="rect2"></div>
        <div class="rect3"></div>
        <div class="rect4"></div>
        <div class="rect5"></div>
      </div>
    </div>
    <div class="content" id="content" style="width:1920px;height:1080px;">
      <div
        class="box"
        id="523d4d2ffe9bc075a82a3cdd304de954"
        style="width: 72px;height: 72px;left: 536px;top: 636px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-circle"
          id="tag-523d4d2ffe9bc075a82a3cdd304de954"
          style="width: 100%; height: 100%;border-radius: 100%;background-color:rgba(28, 168, 221, 0.11);border-width:3px;border-color: rgb(28, 168, 221);border-style: solid;"
        ></div>
      </div>
      <div
        class="box"
        id="2c76ae0c5ecfb42a7c28cd4442d3fa26"
        style="width: 72px;height: 72px;left: 642px;top: 636px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-circle"
          id="tag-2c76ae0c5ecfb42a7c28cd4442d3fa26"
          style="width: 100%; height: 100%;border-radius: 100%;background-color:rgba(0, 124, 225, 0.11);border-width:3px;border-color: rgb(0, 124, 225);border-style: solid;"
        ></div>
      </div>
      <div
        class="box"
        id="74916c0ea53964e73cfc5af142ef7d5e"
        style="width: 72px;height: 72px;left: 740px;top: 636px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-circle"
          id="tag-74916c0ea53964e73cfc5af142ef7d5e"
          style="width: 100%; height: 100%;border-radius: 100%;background-color:rgba(156, 135, 255, 0.08);border-width:3px;border-color: rgb(156, 135, 255);border-style: solid;"
        ></div>
      </div>
      <div
        class="box"
        id="f636b34cfb2e61e00339ee22a5829411"
        style="width: 72px;height: 72px;left: 845px;top: 636px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-circle"
          id="tag-f636b34cfb2e61e00339ee22a5829411"
          style="width: 100%; height: 100%;border-radius: 100%;background-color:rgba(92, 51, 251, 0.11);border-width:3px;border-color: rgb(92, 51, 251);border-style: solid;"
        ></div>
      </div>
      <div
        class="box"
        id="a2bc3356d17d5132eb14dfc43efa15a3"
        style="width: 40px;height: 40px;left: 558px;top: 642px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-a2bc3356d17d5132eb14dfc43efa15a3"
          style="width: 100%; height: 100%;font-size:36px;color: rgb(243, 243, 243);"
        >
          A
        </div>
      </div>
      <div
        class="box"
        id="d4fce0c3f3af0576a70bd15ff2ec24d1"
        style="width: 40px;height: 40px;left: 666px;top: 642px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-d4fce0c3f3af0576a70bd15ff2ec24d1"
          style="width: 100%; height: 100%;font-size:36px;color: rgb(243, 243, 243);"
        >
          B
        </div>
      </div>
      <div
        class="box"
        id="c7812151d887227f84b8ff0f5c8feb26"
        style="width: 40px;height: 40px;left: 761px;top: 642px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-c7812151d887227f84b8ff0f5c8feb26"
          style="width: 100%; height: 100%;font-size:36px;color: rgb(243, 243, 243);"
        >
          C
        </div>
      </div>
      <div
        class="box"
        id="e3e4afb542b70b9b5259d96c0d7dc1e2"
        style="width: 40px;height: 40px;left: 868px;top: 642px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-e3e4afb542b70b9b5259d96c0d7dc1e2"
          style="width: 100%; height: 100%;font-size:36px;color: rgb(255, 255, 255);"
        >
          D
        </div>
      </div>
      <div
        class="box"
        id="25e5331f5c675b74e09dcada0fc90e11"
        style="width: 223px;height: 49px;left: 34px;top: 125px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-25e5331f5c675b74e09dcada0fc90e11"
          style="width: 100%; height: 100%;font-size:24px;color: rgb(243, 243, 243);font-family: 微软雅黑;"
        >
          业务量增长趋势
        </div>
      </div>
      <div
        class="box"
        id="3975d679c7871c8c3d0c853744b028f1"
        style="width: 137px;height: 39px;left: 317px;top: -79px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-3975d679c7871c8c3d0c853744b028f1"
          style="width: 100%; height: 100%;font-size:24px;color: rgb(243, 243, 243);font-family: 微软雅黑;"
        >
          客户分析
        </div>
      </div>
      <div
        class="box"
        id="50b5aa6324628a5a25fd293df2c71b18"
        style="width: 138px;height: 37px;left: 523px;top: 132px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-50b5aa6324628a5a25fd293df2c71b18"
          style="width: 100%; height: 100%;font-size:24px;color: rgb(243, 243, 243);font-family: 微软雅黑;"
        >
          产品分析
        </div>
      </div>
      <div
        class="box"
        id="7546a35a787c61f1296846df21635bba"
        style="width: 465px;height: 956px;left: 20px;top: 110px;z-index: 37;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-rect"
          id="tag-7546a35a787c61f1296846df21635bba"
          style="width: 100%; height: 100%; background-repeat: no-repeat;background-size: 100% 100%;background-color:rgba(33, 76, 115, 0.2);background-image: url(&quot;../../bddpConfig/61284e70ef854b0bc215fe95ec9f6aae/images/模板3 列1.png&quot;);"
        ></div>
      </div>
      <div
        class="box"
        id="328dcf5b13384037ccd95578c155f069"
        style="width: 428px;height: 32px;left: 516px;top: 590px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-328dcf5b13384037ccd95578c155f069"
          style="width: 100%; height: 100%;font-size:18px;color: rgb(243, 243, 243);font-family: 微软雅黑;background-color:rgba(17, 85, 204, 0.23);"
        >
          风险分析
        </div>
      </div>
      <div
        class="box"
        id="e56eb039bb795c671c27b7c8186e5316"
        style="width: 176px;height: 37px;left: 1753px;top: 128px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-e56eb039bb795c671c27b7c8186e5316"
          style="width: 100%; height: 100%;font-size:24px;color: rgb(243, 243, 243);font-family: 微软雅黑;"
        >
          KPI完成情况
        </div>
      </div>
      <div
        class="box"
        id="2e21a668aba4d6face4fe5966c43f2c8"
        style="width: 437px;height: 383px;left: 1451px;top: 589px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-charts"
          style="height:100%;width:100%"
          id="tag-2e21a668aba4d6face4fe5966c43f2c8"
        ></div>
      </div>
      <div
        class="box"
        id="8ec02f21807dc1c72463ab30cc2a8f5e"
        style="width: 490px;height: 344px;left: 493px;top: 211px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-charts"
          style="height:100%;width:100%"
          id="tag-8ec02f21807dc1c72463ab30cc2a8f5e"
        ></div>
      </div>
      <div
        class="box"
        id="129fe0688d266a4b14bd9d79a580655d"
        style="width: 420px;height: 252px;left: 518px;top: 765px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-table kgo-scroll-sty"
          id="tag-129fe0688d266a4b14bd9d79a580655d"
          style="width:100%;height:100%;"
        >
          <div class="kgo-scroll-head"></div>
          <div class="kgo-scroll-body">
            <ul class="kgo-scroll-body-ul"></ul>
          </div>
        </div>
      </div>
      <div
        class="box"
        id="129fe0688d266a4b14bd9d79a580655dClone"
        style="width: 420px;height: 252px;left: 647px;top: 259px;background-color: #03a9f4bf;z-index: 52;transform: rotate(0deg);display: none; "
        tag-type=""
      >
        <div
          class="tag-table kgo-scroll-sty"
          id="tag-129fe0688d266a4b14bd9d79a580655dClone"
          style="width:100%;height:100%;"
        >
          <div class="kgo-scroll-head"></div>
          <div class="kgo-scroll-body">
            <ul class="kgo-scroll-body-ul"></ul>
          </div>
        </div>
      </div>
      <div
        class="box"
        id="474421cd4556052fbdb29b9b932e6f3d"
        style="width: 44px;height: 18px;left: 556px;top: 718px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-474421cd4556052fbdb29b9b932e6f3d"
          style="width: 100%; height: 100%;color: rgb(243, 243, 243);"
        >
          2笔
        </div>
      </div>
      <div
        class="box"
        id="1bba8f7ffe1c51e847ed19f276bcbe14"
        style="width: 92px;height: 40px;left: 663px;top: 718px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-1bba8f7ffe1c51e847ed19f276bcbe14"
          style="width: 100%; height: 100%;color: rgb(243, 243, 243);"
        >
          5笔
        </div>
      </div>
      <div
        class="box"
        id="bce5563e6064fb6cd8e83a86ae80e09e"
        style="width: 47px;height: 40px;left: 760px;top: 716px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-bce5563e6064fb6cd8e83a86ae80e09e"
          style="width: 100%; height: 100%;color: rgb(243, 243, 243);"
        >
          1笔
        </div>
      </div>
      <div
        class="box"
        id="c2520c0c5800d9404aaf06fb1079b1c7"
        style="width: 45px;height: 36px;left: 866px;top: 716px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-c2520c0c5800d9404aaf06fb1079b1c7"
          style="width: 100%; height: 100%;color: rgb(243, 243, 243);"
        >
          5笔
        </div>
      </div>
      <div
        class="box"
        id="8bcb1186f02e0c74f1e36165725e371a"
        style="width: 1890px;height: 87px;left: 18px;top: 12px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <img
          class="tag-image"
          width="100%"
          height="100%"
          id="tag-8bcb1186f02e0c74f1e36165725e371a"
          style=""
          src="../../bddpConfig/61284e70ef854b0bc215fe95ec9f6aae/images/005(1).png"
        />
      </div>

      <div
        class="box"
        id="16f01c28fd3fb566f7b13c5f7d3b4c88"
        style="width: 631px;height: 40px;left: 665px;top: 27px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-16f01c28fd3fb566f7b13c5f7d3b4c88"
          style="width: 100%; height: 100%;font-size:36px;color: rgb(255, 255, 255);font-family: 微软雅黑;"
        >
          2018年度财务报表展示系统
        </div>
      </div>
      <div
        class="box"
        id="8e7ecb245275f2b2044d03e415e7a709"
        style="width: 570px;height: 268px;left: -35px;top: 185px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-swiper swiper-container"
          id="tag-8e7ecb245275f2b2044d03e415e7a709"
        >
          <div class="swiper-wrapper">
            <div
              class="swiper-slide"
              id="slide-3214cdf9304282b84f35c600a0cd5b4c"
            >
              <div
                class="tag-charts"
                style="height:100%;width:100%"
                id="tag-3214cdf9304282b84f35c600a0cd5b4c"
              ></div>
            </div>
            <div
              class="swiper-slide"
              id="slide-566bf56a4df00af82694e429759ad807"
            >
              <div
                class="tag-charts"
                style="height:100%;width:100%"
                id="tag-566bf56a4df00af82694e429759ad807"
              ></div>
            </div>
          </div>
          <div class="swiper-pagination"></div>
        </div>
      </div>
      <div
        class="box"
        id="7546a35a787c61f1296846df21635bba"
        style="width: 465px;height: 956px;left: 968px;top: 110px;z-index: 36;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-rect"
          id="tag-7546a35a787c61f1296846df21635bba"
          style="width: 100%; height: 100%; background-repeat: no-repeat;background-size: 100% 100%;background-color:rgba(33, 76, 115, 0.2);background-image: url(&quot;../../bddpConfig/61284e70ef854b0bc215fe95ec9f6aae/images/模板3 列23.png&quot;);"
        ></div>
      </div>
      <div
        class="box"
        id="7546a35a787c61f1296846df21635bba"
        style="width: 465px;height: 956px;left: 496px;top: 110px;z-index: 46;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-rect"
          id="tag-7546a35a787c61f1296846df21635bba"
          style="width: 100%; height: 100%; background-repeat: no-repeat;background-size: 100% 100%;background-color:rgba(33, 76, 115, 0.2);background-image: url(&quot;../../bddpConfig/61284e70ef854b0bc215fe95ec9f6aae/images/模板3 列1.png&quot;);"
        ></div>
      </div>
      <div
        class="box"
        id="7546a35a787c61f1296846df21635bba"
        style="width: 465px;height: 956px;left: 1438px;top: 110px;z-index: 38;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-rect"
          id="tag-7546a35a787c61f1296846df21635bba"
          style="width: 100%; height: 100%; background-repeat: no-repeat;background-size: 100% 100%;background-color:rgba(33, 76, 115, 0.2);background-image: url(&quot;../../bddpConfig/61284e70ef854b0bc215fe95ec9f6aae/images/模板3 列23.png&quot;);"
        ></div>
      </div>
      <div
        class="box"
        id="328dcf5b13384037ccd95578c155f069"
        style="width: 428px;height: 32px;left: 506px;top: 192px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-328dcf5b13384037ccd95578c155f069"
          style="width: 100%; height: 100%;font-size:18px;color: rgb(243, 243, 243);font-family: 微软雅黑;background-color:rgba(17, 85, 204, 0.23);"
        >
          风险分析
        </div>
      </div>
      <div
        class="box"
        id="885a2f4f312a7011a2bb41649f0ba7a5"
        style="width: 180px;height: 140px;left: 1486px;top: 240px;z-index: 46;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-rect"
          id="tag-885a2f4f312a7011a2bb41649f0ba7a5"
          style="width: 100%; height: 100%; background-repeat: no-repeat;background-size: 100% 100%;background-color:rgb(28, 168, 221);"
        ></div>
      </div>
      <div
        class="box"
        id="885a2f4f312a7011a2bb41649f0ba7a5"
        style="width: 180px;height: 140px;left: 1680px;top: 240px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-rect"
          id="tag-885a2f4f312a7011a2bb41649f0ba7a5"
          style="width: 100%; height: 100%; background-repeat: no-repeat;background-size: 100% 100%;background-color:rgb(0, 124, 225);"
        ></div>
      </div>
      <div
        class="box"
        id="885a2f4f312a7011a2bb41649f0ba7a5"
        style="width: 180px;height: 140px;left: 1486px;top: 406px;z-index: 41;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-rect"
          id="tag-885a2f4f312a7011a2bb41649f0ba7a5"
          style="width: 100%; height: 100%; background-repeat: no-repeat;background-size: 100% 100%;background-color:rgb(156, 135, 255);"
        ></div>
      </div>
      <div
        class="box"
        id="885a2f4f312a7011a2bb41649f0ba7a5"
        style="width: 180px;height: 140px;left: 1677px;top: 407px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-rect"
          id="tag-885a2f4f312a7011a2bb41649f0ba7a5"
          style="width: 100%; height: 100%; background-repeat: no-repeat;background-size: 100% 100%;background-color:rgb(92, 51, 251);"
        ></div>
      </div>
      <div
        class="box"
        id="859e4b2d8d97e9e68aee493bbfc5c519"
        style="width: 100px;height: 40px;left: 1498px;top: 252px;z-index: 47;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-859e4b2d8d97e9e68aee493bbfc5c519"
          style="width: 100%; height: 100%;font-size:54px;color: rgb(255, 255, 255);"
        >
          534
        </div>
      </div>
      <div
        class="box"
        id="e54961c16288bd85b5586af4a62d78a0"
        style="width: 100px;height: 40px;left: 1502px;top: 327px;z-index: 48;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-e54961c16288bd85b5586af4a62d78a0"
          style="width: 100%; height: 100%;color: rgba(255, 255, 255, 0.51);"
        >
          15% 审核率
        </div>
      </div>
      <div
        class="box"
        id="859e4b2d8d97e9e68aee493bbfc5c519"
        style="width: 100px;height: 40px;left: 1706px;top: 252px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-859e4b2d8d97e9e68aee493bbfc5c519"
          style="width: 100%; height: 100%;font-size:54px;color: rgb(255, 255, 255);"
        >
          17
        </div>
      </div>
      <div
        class="box"
        id="e54961c16288bd85b5586af4a62d78a0"
        style="width: 100px;height: 40px;left: 1702px;top: 332px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-e54961c16288bd85b5586af4a62d78a0"
          style="width: 100%; height: 100%;color: rgba(255, 255, 255, 0.51);"
        >
          代办审批
        </div>
      </div>
      <div
        class="box"
        id="e56eb039bb795c671c27b7c8186e5316"
        style="width: 176px;height: 37px;left: 1479px;top: 186px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-e56eb039bb795c671c27b7c8186e5316"
          style="width: 100%; height: 100%;font-size:20px;color: rgb(243, 243, 243);font-family: 微软雅黑;font-weight: 600;"
        >
          财务完成情况
        </div>
      </div>
      <div
        class="box"
        id="e54961c16288bd85b5586af4a62d78a0"
        style="width: 100px;height: 40px;left: 1588px;top: 298px;z-index: 48;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-e54961c16288bd85b5586af4a62d78a0"
          style="width: 100%; height: 100%;color: rgba(255, 255, 255, 0.51);"
        >
          万元
        </div>
      </div>
      <div
        class="box"
        id="859e4b2d8d97e9e68aee493bbfc5c519"
        style="width: 100px;height: 40px;left: 1498px;top: 425px;z-index: 47;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-859e4b2d8d97e9e68aee493bbfc5c519"
          style="width: 100%; height: 100%;font-size:54px;color: rgb(255, 255, 255);"
        >
          106
        </div>
      </div>
      <div
        class="box"
        id="859e4b2d8d97e9e68aee493bbfc5c519"
        style="width: 100px;height: 40px;left: 1698px;top: 424px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-859e4b2d8d97e9e68aee493bbfc5c519"
          style="width: 100%; height: 100%;font-size:54px;color: rgb(255, 255, 255);"
        >
          32
        </div>
      </div>
      <div
        class="box"
        id="e54961c16288bd85b5586af4a62d78a0"
        style="width: 100px;height: 40px;left: 1702px;top: 505px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-e54961c16288bd85b5586af4a62d78a0"
          style="width: 100%; height: 100%;color: rgba(255, 255, 255, 0.51);"
        >
          预警信息
        </div>
      </div>
      <div
        class="box"
        id="e54961c16288bd85b5586af4a62d78a0"
        style="width: 100px;height: 40px;left: 1502px;top: 500px;z-index: 48;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-e54961c16288bd85b5586af4a62d78a0"
          style="width: 100%; height: 100%;color: rgba(255, 255, 255, 0.51);"
        >
          审批通过
        </div>
      </div>
      <div
        class="box"
        id="7efb0d54f3a3419d2885c874f9445344"
        style="width: 80px;height: 26px;left: 1773px;top: 612px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-7efb0d54f3a3419d2885c874f9445344"
          style="width: 100%; height: 100%;font-size:14px;color: rgba(255, 255, 255, 0.45);background-color:rgba(74, 134, 232, 0.76);"
        >
          2018年 ↓
        </div>
      </div>
      <div
        class="box"
        id="328dcf5b13384037ccd95578c155f069"
        style="width: 428px;height: 32px;left: 45px;top: 488px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-328dcf5b13384037ccd95578c155f069"
          style="width: 100%; height: 100%;font-size:18px;color: rgb(243, 243, 243);font-family: 微软雅黑;background-color:rgba(17, 85, 204, 0.23);"
        >
          2018年业务增长（万元）
        </div>
      </div>
      <div
        class="box"
        id="328dcf5b13384037ccd95578c155f069"
        style="width: 428px;height: 32px;left: 45px;top: 787px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-328dcf5b13384037ccd95578c155f069"
          style="width: 100%; height: 100%;font-size:18px;color: rgb(243, 243, 243);font-family: 微软雅黑;background-color:rgba(17, 85, 204, 0.23);"
        >
          2018年业务增长（万元）
        </div>
      </div>
      <div
        class="box"
        id="328dcf5b13384037ccd95578c155f069"
        style="width: 428px;height: 32px;left: 989px;top: 489px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-328dcf5b13384037ccd95578c155f069"
          style="width: 100%; height: 100%;font-size:18px;color: rgb(243, 243, 243);font-family: 微软雅黑;background-color:rgba(17, 85, 204, 0.23);"
        >
          2018年业务增长（万元）
        </div>
      </div>
      <div
        class="box"
        id="328dcf5b13384037ccd95578c155f069"
        style="width: 428px;height: 32px;left: 989px;top: 788px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-328dcf5b13384037ccd95578c155f069"
          style="width: 100%; height: 100%;font-size:18px;color: rgb(243, 243, 243);font-family: 微软雅黑;background-color:rgba(17, 85, 204, 0.23);"
        >
          2018年业务增长（万元）
        </div>
      </div>
      <div
        class="box"
        id="50b5aa6324628a5a25fd293df2c71b18"
        style="width: 138px;height: 37px;left: 1320px;top: 119px;z-index: 52;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-text"
          id="tag-50b5aa6324628a5a25fd293df2c71b18"
          style="width: 100%; height: 100%;font-size:24px;color: rgb(243, 243, 243);font-family: 微软雅黑;"
        >
          业务增长
        </div>
      </div>
      <div
        class="box"
        id="4ec02f21807dc1c72463ab30cc2a8f5e"
        style="width: 420px;height: 246px;left: 44px;top: 519px;z-index: 39;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-charts"
          style="height:100%;width:100%"
          id="tag-4ec02f21807dc1c72463ab30cc2a8f5e"
        ></div>
      </div>
      <div
        class="box"
        id="5ec02f21807dc1c72463ab30cc2a8f5e"
        style="width: 420px;height: 246px;left: 40px;top: 810px;z-index: 39;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-charts"
          style="height:100%;width:100%"
          id="tag-5ec02f21807dc1c72463ab30cc2a8f5e"
        ></div>
      </div>
      <div
        class="box"
        id="6ec02f21807dc1c72463ab30cc2a8f5e"
        style="width: 420px;height: 246px;left: 996px;top: 519px;z-index: 39;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-charts"
          style="height:100%;width:100%"
          id="tag-6ec02f21807dc1c72463ab30cc2a8f5e"
        ></div>
      </div>
      <div
        class="box"
        id="7ec02f21807dc1c72463ab30cc2a8f5e"
        style="width: 420px;height: 246px;left: 990px;top: 810px;z-index: 39;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-charts"
          style="height:100%;width:100%"
          id="tag-7ec02f21807dc1c72463ab30cc2a8f5e"
        ></div>
      </div>
      <div
        class="box"
        id="5b67ea57c0d32b09a0a826cda302a82d"
        style="width: 413px;height: 275px;left: 998px;top: 179px;z-index: 50;transform: rotate(0deg); "
        tag-type=""
      >
        <div
          class="tag-charts"
          style="height:100%;width:100%"
          id="tag-5b67ea57c0d32b09a0a826cda302a82d"
        ></div>
      </div>
    </div>
  </body>
  <script type="text/javascript">
    $.ajaxSettings.async = false;
    echarts.registerTheme(
      "walden",
      JSON.parse(
        '{"color":["#3fb1e3","#6be6c1","#626c91","#a0a7e6","#c4ebad","#96dee8"],"backgroundColor":"rgba(252,252,252,0)","textStyle":{},"title":{"textStyle":{"color":"#666666"},"subtextStyle":{"color":"#999999"}},"line":{"itemStyle":{"normal":{"borderWidth":"2"}},"lineStyle":{"normal":{"width":"3"}},"symbolSize":"8","symbol":"emptyCircle","smooth":false},"radar":{"itemStyle":{"normal":{"borderWidth":"2"}},"lineStyle":{"normal":{"width":"3"}},"symbolSize":"8","symbol":"emptyCircle","smooth":false},"bar":{"itemStyle":{"normal":{"barBorderWidth":0,"barBorderColor":"#ccc"},"emphasis":{"barBorderWidth":0,"barBorderColor":"#ccc"}}},"pie":{"itemStyle":{"normal":{"borderWidth":0,"borderColor":"#ccc"},"emphasis":{"borderWidth":0,"borderColor":"#ccc"}}},"scatter":{"itemStyle":{"normal":{"borderWidth":0,"borderColor":"#ccc"},"emphasis":{"borderWidth":0,"borderColor":"#ccc"}}},"boxplot":{"itemStyle":{"normal":{"borderWidth":0,"borderColor":"#ccc"},"emphasis":{"borderWidth":0,"borderColor":"#ccc"}}},"parallel":{"itemStyle":{"normal":{"borderWidth":0,"borderColor":"#ccc"},"emphasis":{"borderWidth":0,"borderColor":"#ccc"}}},"sankey":{"itemStyle":{"normal":{"borderWidth":0,"borderColor":"#ccc"},"emphasis":{"borderWidth":0,"borderColor":"#ccc"}}},"funnel":{"itemStyle":{"normal":{"borderWidth":0,"borderColor":"#ccc"},"emphasis":{"borderWidth":0,"borderColor":"#ccc"}}},"gauge":{"itemStyle":{"normal":{"borderWidth":0,"borderColor":"#ccc"},"emphasis":{"borderWidth":0,"borderColor":"#ccc"}}},"candlestick":{"itemStyle":{"normal":{"color":"#e6a0d2","color0":"transparent","borderColor":"#e6a0d2","borderColor0":"#3fb1e3","borderWidth":"2"}}},"graph":{"itemStyle":{"normal":{"borderWidth":0,"borderColor":"#ccc"}},"lineStyle":{"normal":{"width":"1","color":"#cccccc"}},"symbolSize":"8","symbol":"emptyCircle","smooth":false,"color":["#3fb1e3","#6be6c1","#626c91","#a0a7e6","#c4ebad","#96dee8"],"label":{"normal":{"textStyle":{"color":"#ffffff"}}}},"map":{"itemStyle":{"normal":{"areaColor":"#eeeeee","borderColor":"#aaaaaa","borderWidth":0.5},"emphasis":{"areaColor":"rgba(63,177,227,0.25)","borderColor":"#3fb1e3","borderWidth":1}},"label":{"normal":{"textStyle":{"color":"#ffffff"}},"emphasis":{"textStyle":{"color":"rgb(63,177,227)"}}}},"geo":{"itemStyle":{"normal":{"areaColor":"#eeeeee","borderColor":"#aaaaaa","borderWidth":0.5},"emphasis":{"areaColor":"rgba(63,177,227,0.25)","borderColor":"#3fb1e3","borderWidth":1}},"label":{"normal":{"textStyle":{"color":"#ffffff"}},"emphasis":{"textStyle":{"color":"rgb(63,177,227)"}}}},"categoryAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#cccccc"}},"axisTick":{"show":false,"lineStyle":{"color":"#333"}},"axisLabel":{"show":true,"textStyle":{"color":"#999999"}},"splitLine":{"show":true,"lineStyle":{"color":["#eeeeee"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},"valueAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#cccccc"}},"axisTick":{"show":false,"lineStyle":{"color":"#333"}},"axisLabel":{"show":true,"textStyle":{"color":"#999999"}},"splitLine":{"show":true,"lineStyle":{"color":["#eeeeee"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},"logAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#cccccc"}},"axisTick":{"show":false,"lineStyle":{"color":"#333"}},"axisLabel":{"show":true,"textStyle":{"color":"#999999"}},"splitLine":{"show":true,"lineStyle":{"color":["#eeeeee"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},"timeAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#cccccc"}},"axisTick":{"show":false,"lineStyle":{"color":"#333"}},"axisLabel":{"show":true,"textStyle":{"color":"#999999"}},"splitLine":{"show":true,"lineStyle":{"color":["#eeeeee"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.05)","rgba(200,200,200,0.02)"]}}},"toolbox":{"iconStyle":{"normal":{"borderColor":"#999999"},"emphasis":{"borderColor":"#666666"}}},"legend":{"textStyle":{"color":"#999999"}},"tooltip":{"axisPointer":{"lineStyle":{"color":"#cccccc","width":1},"crossStyle":{"color":"#cccccc","width":1}}},"timeline":{"lineStyle":{"color":"#626c91","width":1},"itemStyle":{"normal":{"color":"#626c91","borderWidth":1},"emphasis":{"color":"#626c91"}},"controlStyle":{"normal":{"color":"#626c91","borderColor":"#626c91","borderWidth":0.5},"emphasis":{"color":"#626c91","borderColor":"#626c91","borderWidth":0.5}},"checkpointStyle":{"color":"#3fb1e3","borderColor":"rgba(63,177,227,0.15)"},"label":{"normal":{"textStyle":{"color":"#626c91"}},"emphasis":{"textStyle":{"color":"#626c91"}}}},"visualMap":{"color":["#2a99c9","#afe8ff"]},"dataZoom":{"backgroundColor":"rgba(255,255,255,0)","dataBackgroundColor":"rgba(222,222,222,1)","fillerColor":"rgba(114,230,212,0.25)","handleColor":"#cccccc","handleSize":"100%","textStyle":{"color":"#999999"}},"markPoint":{"label":{"normal":{"textStyle":{"color":"#ffffff"}},"emphasis":{"textStyle":{"color":"#ffffff"}}}}}'
      )
    );
    echarts.registerTheme(
      "default",
      JSON.parse(
        '{"color":["#d3e2e8","#b0ccd7","#5dacd1","#2564a1","#0056a3","#0a2545"],"backgroundColor":"rgba(17,26,37,1)","textStyle":{},"title":{"textStyle":{"color":"#eeeeee"},"subtextStyle":{"color":"#aaa"}},"line":{"itemStyle":{"normal":{"borderWidth":"0"}},"lineStyle":{"normal":{"width":"2"}},"symbolSize":"8","symbol":"circle","smooth":true},"radar":{"itemStyle":{"normal":{"borderWidth":"0"}},"lineStyle":{"normal":{"width":"2"}},"symbolSize":"8","symbol":"circle","smooth":true},"bar":{"itemStyle":{"normal":{"barBorderWidth":"0","barBorderColor":"#ccc"},"emphasis":{"barBorderWidth":"0","barBorderColor":"#ccc"}}},"pie":{"itemStyle":{"normal":{"borderWidth":"0","borderColor":"#ccc"},"emphasis":{"borderWidth":"0","borderColor":"#ccc"}}},"scatter":{"itemStyle":{"normal":{"borderWidth":"0","borderColor":"#ccc"},"emphasis":{"borderWidth":"0","borderColor":"#ccc"}}},"boxplot":{"itemStyle":{"normal":{"borderWidth":"0","borderColor":"#ccc"},"emphasis":{"borderWidth":"0","borderColor":"#ccc"}}},"parallel":{"itemStyle":{"normal":{"borderWidth":"0","borderColor":"#ccc"},"emphasis":{"borderWidth":"0","borderColor":"#ccc"}}},"sankey":{"itemStyle":{"normal":{"borderWidth":"0","borderColor":"#ccc"},"emphasis":{"borderWidth":"0","borderColor":"#ccc"}}},"funnel":{"itemStyle":{"normal":{"borderWidth":"0","borderColor":"#ccc"},"emphasis":{"borderWidth":"0","borderColor":"#ccc"}}},"gauge":{"itemStyle":{"normal":{"borderWidth":"0","borderColor":"#ccc"},"emphasis":{"borderWidth":"0","borderColor":"#ccc"}}},"candlestick":{"itemStyle":{"normal":{"color":"#d9e8fd","color0":"#364c6a","borderColor":"#d9e8fd","borderColor0":"#364c6a","borderWidth":1}}},"graph":{"itemStyle":{"normal":{"borderWidth":"0","borderColor":"#ccc"}},"lineStyle":{"normal":{"width":1,"color":"#eeeeee"}},"symbolSize":"8","symbol":"circle","smooth":true,"color":["#d3e2e8","#b0ccd7","#5dacd1","#2564a1","#0056a3","#0a2545"],"label":{"normal":{"textStyle":{"color":"#eee"}}}},"map":{"itemStyle":{"normal":{"areaColor":"#d9e8fd","borderColor":"#444","borderWidth":"0.5"},"emphasis":{"areaColor":"rgba(140,167,203,1)","borderColor":"#364c6a","borderWidth":1}},"label":{"normal":{"textStyle":{"color":"#ffffff"}},"emphasis":{"textStyle":{"color":"rgb(0,0,0)"}}}},"geo":{"itemStyle":{"normal":{"areaColor":"#d9e8fd","borderColor":"#444","borderWidth":"0.5"},"emphasis":{"areaColor":"rgba(140,167,203,1)","borderColor":"#364c6a","borderWidth":1}},"label":{"normal":{"textStyle":{"color":"#ffffff"}},"emphasis":{"textStyle":{"color":"rgb(0,0,0)"}}}},"categoryAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#1c2b3d"}},"axisTick":{"show":true,"lineStyle":{"color":"#1c2b3d"}},"axisLabel":{"show":true,"textStyle":{"color":"#59769c"}},"splitLine":{"show":true,"lineStyle":{"color":["#1c2b3d"]}},"splitArea":{"show":false,"areaStyle":{"color":["#111a25"]}}},"valueAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#1c2b3d"}},"axisTick":{"show":true,"lineStyle":{"color":"#1c2b3d"}},"axisLabel":{"show":true,"textStyle":{"color":"#59769c"}},"splitLine":{"show":true,"lineStyle":{"color":["#1c2b3d"]}},"splitArea":{"show":false,"areaStyle":{"color":["#111a25"]}}},"logAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#1c2b3d"}},"axisTick":{"show":true,"lineStyle":{"color":"#1c2b3d"}},"axisLabel":{"show":true,"textStyle":{"color":"#59769c"}},"splitLine":{"show":true,"lineStyle":{"color":["#1c2b3d"]}},"splitArea":{"show":false,"areaStyle":{"color":["#111a25"]}}},"timeAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#1c2b3d"}},"axisTick":{"show":true,"lineStyle":{"color":"#1c2b3d"}},"axisLabel":{"show":true,"textStyle":{"color":"#59769c"}},"splitLine":{"show":true,"lineStyle":{"color":["#1c2b3d"]}},"splitArea":{"show":false,"areaStyle":{"color":["#111a25"]}}},"toolbox":{"iconStyle":{"normal":{"borderColor":"#999"},"emphasis":{"borderColor":"#363636"}}},"legend":{"textStyle":{"color":"#59769c"}},"tooltip":{"axisPointer":{"lineStyle":{"color":"#bcd1ed","width":"1"},"crossStyle":{"color":"#bcd1ed","width":"1"}}},"timeline":{"lineStyle":{"color":"#eeeeee","width":1},"itemStyle":{"normal":{"color":"#abbfd7","borderWidth":1},"emphasis":{"color":"#ffffff"}},"controlStyle":{"normal":{"color":"#eeeeee","borderColor":"#eeeeee","borderWidth":0.5},"emphasis":{"color":"#eeeeee","borderColor":"#eeeeee","borderWidth":0.5}},"checkpointStyle":{"color":"#ffffff","borderColor":"rgba(196,196,196,0.5)"},"label":{"normal":{"textStyle":{"color":"#eeeeee"}},"emphasis":{"textStyle":{"color":"#eeeeee"}}}},"visualMap":{"color":["#d9e8fd","#b9cce6","#8ca7cb","#6486b3","#4b6a92","#364c6a"]},"dataZoom":{"backgroundColor":"rgba(47,69,84,0)","dataBackgroundColor":"rgba(255,255,255,0.3)","fillerColor":"rgba(167,183,204,0.4)","handleColor":"#a7b7cc","handleSize":"100%","textStyle":{"color":"#eeeeee"}},"markPoint":{"label":{"normal":{"textStyle":{"color":"#eee"}},"emphasis":{"textStyle":{"color":"#eee"}}}}}'
      )
    );
    var tag2e21a668aba4d6face4fe5966c43f2c8Chart = echarts.init(
      document.getElementById("tag-2e21a668aba4d6face4fe5966c43f2c8"),
      "walden"
    );
    var tag2e21a668aba4d6face4fe5966c43f2c8Prop = {
      options: {
        xAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          splitLine: {
            lineStyle: {
              color: "rgba(56, 156, 199, 0.35)"
            },
            show: false
          },
          axisLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          },
          nameTextStyle: {
            color: "rgb(11, 200, 255)",
            fontSize: 23
          }
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          nameTextStyle: {
            color: "rgb(11, 200, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          },
          max: 120
        },
        series: [
          {
            data: [50, 70, 58, 50],
            type: "bar",
            name: "小贷业务",
            itemStyle: {
              color: "rgb(28, 168, 221)"
            },
            barWidth: 4,
            barGap: 3
          },
          {
            data: [76, 40, 96, 74],
            type: "bar",
            name: "增信业务",
            itemStyle: {
              color: "rgb(0, 122, 225)"
            },
            barWidth: 4
          },
          {
            data: [62, 98, 80, 90],
            type: "bar",
            name: "融资租赁业务",
            itemStyle: {
              color: "rgb(156, 135, 255)"
            },
            barWidth: 4
          },
          {
            data: [52, 76, 50, 36],
            type: "bar",
            name: "商业租赁业务",
            itemStyle: {
              color: "rgb(92, 51, 251)"
            },
            barWidth: 4
          }
        ],
        legend: {
          data: ["小贷业务", "增信业务", "融资租赁业务", "商业租赁业务"],
          textStyle: {
            color: "rgb(243, 243, 243)"
          },
          show: true,
          top: "bottom",
          padding: 0,
          itemWidth: 5,
          itemHeight: 5
        },
        tooltip: {
          show: false
        },
        title: {
          show: true,
          text: "年审通过率",
          textStyle: {
            color: "rgb(255, 255, 255)"
          },
          subtext: "第二季度"
        },
        grid: {
          top: 86
        }
      },
      optionsText: {
        xAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          splitLine: {
            lineStyle: {
              color: "rgba(56, 156, 199, 0.35)"
            },
            show: false
          },
          axisLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          },
          nameTextStyle: {
            color: "rgb(11, 200, 255)",
            fontSize: 23
          }
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          nameTextStyle: {
            color: "rgb(11, 200, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          },
          max: 120
        },
        series: [
          {
            data: [50, 70, 58, 50],
            type: "bar",
            name: "小贷业务",
            itemStyle: {
              color: "rgb(28, 168, 221)"
            },
            barWidth: 4,
            barGap: 3
          },
          {
            data: [76, 40, 96, 74],
            type: "bar",
            name: "增信业务",
            itemStyle: {
              color: "rgb(0, 122, 225)"
            },
            barWidth: 4
          },
          {
            data: [62, 98, 80, 90],
            type: "bar",
            name: "融资租赁业务",
            itemStyle: {
              color: "rgb(156, 135, 255)"
            },
            barWidth: 4
          },
          {
            data: [52, 76, 50, 36],
            type: "bar",
            name: "商业租赁业务",
            itemStyle: {
              color: "rgb(92, 51, 251)"
            },
            barWidth: 4
          }
        ],
        legend: {
          data: ["小贷业务", "增信业务", "融资租赁业务", "商业租赁业务"],
          textStyle: {
            color: "rgb(243, 243, 243)"
          },
          show: true,
          top: "bottom",
          padding: 0,
          itemWidth: 5,
          itemHeight: 5
        },
        tooltip: {
          show: true
        },
        title: {
          show: true,
          text: "年审通过率",
          textStyle: {
            color: "rgb(255, 255, 255)"
          },
          subtext: "第二季度"
        },
        grid: {
          top: 86
        }
      },
      other: {
        sXAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(243, 243, 243)"
          }
        },
        sYAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(243, 243, 243)"
          }
        },
        theme: "walden",
        dataFrom: "2"
      },
      rectP: {
        x: 1451,
        y: 589,
        height: 383,
        width: 437,
        rotate: 0,
        zIndex: 52
      },
      data: {
        link:
          "https://www.easy-mock.com/mock/5b6bd44a9bb3902456c1d0d7/zhyw/zzqs",
        dimension: [
          {
            keyname: "data.yyyyMM",
            displayname: "data.yyyyMM"
          }
        ],
        series: [
          {
            keyname: "data.value1",
            displayname: "小贷业务"
          },
          {
            keyname: "data.value2",
            displayname: "增信业务"
          },
          {
            keyname: "data.value3",
            displayname: "融资租赁业务"
          },
          {
            keyname: "data.value4",
            displayname: "商业租赁业务"
          }
        ]
      },
      type: "bar",
      id: "2e21a668aba4d6face4fe5966c43f2c8"
    };
    var tag2e21a668aba4d6face4fe5966c43f2c8Option =
      tag2e21a668aba4d6face4fe5966c43f2c8Prop.options;
    createTagsBox(
      tag2e21a668aba4d6face4fe5966c43f2c8Prop,
      tag2e21a668aba4d6face4fe5966c43f2c8Option,
      tag2e21a668aba4d6face4fe5966c43f2c8Chart
    );
    var tag8ec02f21807dc1c72463ab30cc2a8f5eChart = echarts.init(
      document.getElementById("tag-8ec02f21807dc1c72463ab30cc2a8f5e"),
      "walden"
    );
    var tag8ec02f21807dc1c72463ab30cc2a8f5eProp = {
      options: {
        xAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          }
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgb(0, 255, 255)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          }
        },
        series: [
          {
            data: [50, 70, 58, 50],
            type: "line",
            name: "小贷业务",
            lineStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbolSize: 12
          },
          {
            data: [76, 40, 96, 74],
            type: "line",
            name: "增值业务",
            lineStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbolSize: 12
          },
          {
            data: [62, 98, 80, 90],
            type: "line",
            name: "融资租赁业务",
            lineStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbolSize: 12
          },
          {
            data: [52, 76, 50, 36],
            type: "line",
            name: "商业租赁计划",
            lineStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbolSize: 12
          }
        ],
        legend: {
          data: ["小贷业务", "增值业务", "融资租赁业务", "商业租赁计划"],
          show: true,
          left: "center",
          top: "bottom",
          orient: "horizontal",
          textStyle: {
            color: "rgb(204, 204, 204)",
            fontSize: 12
          },
          itemHeight: 10,
          itemGap: 10,
          padding: 7,
          itemWidth: 15
        },
        tooltip: {
          show: true,
          trigger: "axis"
        },
        grid: {
          top: 53,
          bottom: 67
        }
      },
      optionsText: {
        xAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          }
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgb(0, 255, 255)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            }
          }
        },
        series: [
          {
            data: [50, 70, 58, 50],
            type: "line",
            name: "小贷业务",
            lineStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbolSize: 12
          },
          {
            data: [76, 40, 96, 74],
            type: "line",
            name: "增值业务",
            lineStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbolSize: 12
          },
          {
            data: [62, 98, 80, 90],
            type: "line",
            name: "融资租赁业务",
            lineStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbolSize: 12
          },
          {
            data: [52, 76, 50, 36],
            type: "line",
            name: "商业租赁计划",
            lineStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbolSize: 12
          }
        ],
        legend: {
          data: ["小贷业务", "增值业务", "融资租赁业务", "商业租赁计划"],
          show: true,
          left: "center",
          top: "bottom",
          orient: "horizontal",
          textStyle: {
            color: "rgb(204, 204, 204)",
            fontSize: 12
          },
          itemHeight: 10,
          itemGap: 10,
          padding: 7,
          itemWidth: 15
        },
        tooltip: {
          show: true,
          trigger: "axis"
        },
        grid: {
          top: 53,
          bottom: 67
        }
      },
      other: {
        sXAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(243, 243, 243)"
          }
        },
        sYAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(243, 243, 243)"
          }
        },
        theme: "walden",
        dataFrom: "2"
      },
      rectP: {
        x: 493,
        y: 211,
        height: 344,
        width: 490,
        rotate: 0,
        zIndex: 52
      },
      data: {
        link:
          "https://www.easy-mock.com/mock/5b6bd44a9bb3902456c1d0d7/zhyw/zzqs",
        dimension: [
          {
            keyname: "data.yyyyMM",
            displayname: "data.yyyyMM"
          }
        ],
        series: [
          {
            keyname: "data.value1",
            displayname: "小贷业务"
          },
          {
            keyname: "data.value2",
            displayname: "增值业务"
          },
          {
            keyname: "data.value3",
            displayname: "融资租赁业务"
          },
          {
            keyname: "data.value4",
            displayname: "商业租赁计划"
          }
        ]
      },
      type: "line",
      id: "8ec02f21807dc1c72463ab30cc2a8f5e"
    };
    var tag8ec02f21807dc1c72463ab30cc2a8f5eOption =
      tag8ec02f21807dc1c72463ab30cc2a8f5eProp.options;
    createTagsBox(
      tag8ec02f21807dc1c72463ab30cc2a8f5eProp,
      tag8ec02f21807dc1c72463ab30cc2a8f5eOption,
      tag8ec02f21807dc1c72463ab30cc2a8f5eChart
    );
    var tag129fe0688d266a4b14bd9d79a580655dTable = document.getElementById(
      "tag-129fe0688d266a4b14bd9d79a580655d"
    );
    var tag129fe0688d266a4b14bd9d79a580655dOption = {
      ajax_data: {
        data: [
          {
            level: "A",
            appType: "小贷业务",
            desc: "风险小，借款多"
          },
          {
            level: "B",
            appType: "增值业务",
            desc: "风险小，借款多"
          },
          {
            level: "C",
            appType: "融资租赁业务",
            desc: "风险小，借款多"
          },
          {
            level: "D",
            appType: "商业租赁业务",
            desc: "风险小，借款多"
          }
        ],
        totals: 4
      },
      ajax_type: "POST",
      supportCheckbox: false,
      supportAutoOrder: false,
      height: "100%",
      width: "100%",
      columnData: [
        {
          key: "level",
          text: "风险级别",
          isShow: true,
          index: 0,
          width: "168px"
        },
        {
          key: "appType",
          text: "业务类型",
          isShow: true,
          index: 1,
          width: "169px"
        },
        {
          key: "desc",
          text: "风险描述",
          isShow: true,
          index: 2,
          width: "169px"
        }
      ],
      gridManagerName: "table5086aeb50ab9df1b18411c78e8a1abb9"
    };
    var tag129fe0688d266a4b14bd9d79a580655dAutoscroll = true;
    $(tag129fe0688d266a4b14bd9d79a580655dTable).initScroll(
      tag129fe0688d266a4b14bd9d79a580655dOption
    );
    if (tag129fe0688d266a4b14bd9d79a580655dAutoscroll) {
      $(tag129fe0688d266a4b14bd9d79a580655dTable).autoScroll();
    }
    var tag3214cdf9304282b84f35c600a0cd5b4cChart = echarts.init(
      document.getElementById("tag-3214cdf9304282b84f35c600a0cd5b4c"),
      "default"
    );
    var tag3214cdf9304282b84f35c600a0cd5b4cProp = {
      options: {
        color: ["#1ca8dd", "#007ce1", "#9c87ff", "#5c33fb"],
        series: [
          {
            data: [
              {
                name: "个人客户",
                value: 61
              },
              {
                name: "企业客户",
                value: 52
              },
              {
                name: "核心企业",
                value: 42
              },
              {
                name: "担保客户",
                value: 41
              }
            ],
            type: "pie",
            roseType: false,
            smooth: true,
            startAngle: "189",
            label: {
              show: true,
              color: "rgb(0, 255, 255)"
            },
            labelLine: {
              lineStyle: {
                color: "rgb(0, 255, 255)"
              },
              length: 0
            },
            radius: ["67%", "0%"],
            center: ["50%", "50%"]
          }
        ],
        legend: {
          data: ["个人客户", "企业客户", "核心企业", "担保客户"],
          textStyle: {
            color: "rgb(243, 243, 243)"
          },
          show: false
        },
        title: {
          show: true
        },
        tooltip: {
          show: true
        },
        backgroundColor: "rgba(0, 0, 0, 0)"
      },
      optionsText: {
        color: ["#1ca8dd", "#007ce1", "#9c87ff", "#5c33fb"],
        series: [
          {
            data: [
              {
                name: "个人客户",
                value: 61
              },
              {
                name: "企业客户",
                value: 52
              },
              {
                name: "核心企业",
                value: 42
              },
              {
                name: "担保客户",
                value: 41
              }
            ],
            type: "pie",
            roseType: false,
            smooth: true,
            startAngle: "189",
            label: {
              show: true,
              color: "rgb(0, 255, 255)"
            },
            labelLine: {
              lineStyle: {
                color: "rgb(0, 255, 255)"
              },
              length: 0
            },
            radius: ["67%", "0%"],
            center: ["50%", "50%"]
          }
        ],
        legend: {
          data: ["个人客户", "企业客户", "核心企业", "担保客户"],
          textStyle: {
            color: "rgb(243, 243, 243)"
          },
          show: false
        },
        title: {
          show: true
        },
        tooltip: {
          show: true
        },
        backgroundColor: "rgba(0, 0, 0, 0)"
      },
      other: {
        theme: "default",
        dataFrom: "3"
      },
      data: {
        dimension: [
          {
            keyname: "data.productName",
            displayname: "data.productName"
          }
        ],
        series: [
          {
            keyname: "data.count",
            displayname: "data.count"
          }
        ],
        classify: [],
        link: "../../bddpConfig/61284e70ef854b0bc215fe95ec9f6aae/data/khfx.json"
      },
      type: "pie",
      id: "3214cdf9304282b84f35c600a0cd5b4c",
      bigType: "chart",
      slide: true
    };
    var tag3214cdf9304282b84f35c600a0cd5b4cOption =
      tag3214cdf9304282b84f35c600a0cd5b4cProp.options;
    createTagsBox(
      tag3214cdf9304282b84f35c600a0cd5b4cProp,
      tag3214cdf9304282b84f35c600a0cd5b4cOption,
      tag3214cdf9304282b84f35c600a0cd5b4cChart
    );
    var tag566bf56a4df00af82694e429759ad807Chart = echarts.init(
      document.getElementById("tag-566bf56a4df00af82694e429759ad807"),
      "default"
    );
    var tag566bf56a4df00af82694e429759ad807Prop = {
      options: {
        color: ["#1ca8dd", "#007ce1", "#9c87ff", "#5c33fb"],
        series: [
          {
            data: [
              {
                name: "个人客户",
                value: 61
              },
              {
                name: "企业客户",
                value: 52
              },
              {
                name: "核心企业",
                value: 42
              },
              {
                name: "担保客户",
                value: 41
              }
            ],
            type: "pie",
            roseType: false,
            smooth: true,
            startAngle: "190",
            label: {
              show: true,
              color: "rgb(0, 255, 255)"
            },
            labelLine: {
              lineStyle: {
                color: "rgb(0, 255, 255)"
              },
              length2: 40,
              length: 17
            },
            radius: ["50%", "64%"]
          }
        ],
        legend: {
          data: ["个人客户", "企业客户", "核心企业", "担保客户"],
          textStyle: {
            color: "rgb(243, 243, 243)"
          },
          show: false
        },
        title: {
          show: true
        },
        tooltip: {
          show: true
        },
        backgroundColor: "rgba(0, 0, 0, 0)",
        grid: {
          top: 0,
          width: 0,
          height: 0
        }
      },
      optionsText: {
        color: ["#1ca8dd", "#007ce1", "#9c87ff", "#5c33fb"],
        series: [
          {
            data: [
              {
                name: "个人客户",
                value: 61
              },
              {
                name: "企业客户",
                value: 52
              },
              {
                name: "核心企业",
                value: 42
              },
              {
                name: "担保客户",
                value: 41
              }
            ],
            type: "pie",
            roseType: false,
            smooth: true,
            startAngle: "190",
            label: {
              show: true,
              color: "rgb(0, 255, 255)"
            },
            labelLine: {
              lineStyle: {
                color: "rgb(0, 255, 255)"
              },
              length2: 40,
              length: 17
            },
            radius: ["50%", "64%"]
          }
        ],
        legend: {
          data: ["个人客户", "企业客户", "核心企业", "担保客户"],
          textStyle: {
            color: "rgb(243, 243, 243)"
          },
          show: false
        },
        title: {
          show: true
        },
        tooltip: {
          show: true
        },
        backgroundColor: "rgba(0, 0, 0, 0)",
        grid: {
          top: 0,
          width: 0,
          height: 0
        }
      },
      other: {
        theme: "default",
        dataFrom: "3"
      },
      data: {
        dimension: [
          {
            keyname: "data.productName",
            displayname: "data.productName"
          }
        ],
        series: [
          {
            keyname: "data.count",
            displayname: "data.count"
          }
        ],
        classify: [],
        link: "../../bddpConfig/61284e70ef854b0bc215fe95ec9f6aae/data/khfx.json"
      },
      type: "pie",
      id: "566bf56a4df00af82694e429759ad807",
      bigType: "chart",
      slide: true
    };
    var tag566bf56a4df00af82694e429759ad807Option =
      tag566bf56a4df00af82694e429759ad807Prop.options;
    createTagsBox(
      tag566bf56a4df00af82694e429759ad807Prop,
      tag566bf56a4df00af82694e429759ad807Option,
      tag566bf56a4df00af82694e429759ad807Chart
    );
    var tag8e7ecb245275f2b2044d03e415e7a709Option = {
      autoplay: {
        delay: 3000,
        stopOnLastSlide: false,
        disableOnInteraction: false
      },
      pagination: {
        el: ".swiper-pagination"
      }
    };
    var swiper8e7ecb245275f2b2044d03e415e7a709 = new Swiper(
      "#tag-8e7ecb245275f2b2044d03e415e7a709",
      tag8e7ecb245275f2b2044d03e415e7a709Option
    );
    var tag4ec02f21807dc1c72463ab30cc2a8f5eChart = echarts.init(
      document.getElementById("tag-4ec02f21807dc1c72463ab30cc2a8f5e"),
      "walden"
    );
    var tag4ec02f21807dc1c72463ab30cc2a8f5eProp = {
      options: {
        xAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.55)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            },
            show: false
          },
          show: true
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.95)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgba(0, 255, 255, 0.64)"
            },
            show: false
          },
          splitLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.56)"
            },
            show: false
          },
          show: true
        },
        series: [
          {
            data: [90, 82, 49, 40],
            type: "line",
            name: "小贷业务",
            lineStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [87, 70, 48, 99],
            type: "line",
            name: "增值业务",
            lineStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [88, 97, 86, 38],
            type: "line",
            name: "融资租赁业务",
            lineStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [45, 82, 31, 30],
            type: "line",
            name: "商业租赁计划",
            lineStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbolSize: 12,
            smooth: true
          }
        ],
        legend: {
          data: ["小贷业务", "增值业务", "融资租赁业务", "商业租赁计划"],
          show: false,
          left: "center",
          top: "bottom",
          orient: "horizontal",
          textStyle: {
            color: "rgb(204, 204, 204)",
            fontSize: 12
          },
          itemHeight: 10,
          itemGap: 10,
          padding: 7,
          itemWidth: 15
        },
        tooltip: {
          show: true,
          trigger: "axis"
        },
        grid: {
          top: 40,
          bottom: 47
        },
        title: {
          text: "年审通过率",
          subtext: "2018第二季度",
          padding: 0,
          itemGap: 6,
          textStyle: {
            color: "rgb(255, 255, 255)",
            fontSize: 20
          },
          subtextStyle: {
            color: "rgb(183, 183, 183)"
          },
          show: false
        }
      },
      optionsText: {
        xAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.55)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            },
            show: false
          },
          show: true
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.95)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgba(0, 255, 255, 0.64)"
            },
            show: false
          },
          splitLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.56)"
            },
            show: false
          },
          show: true
        },
        series: [
          {
            data: [90, 82, 49, 40],
            type: "line",
            name: "小贷业务",
            lineStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [87, 70, 48, 99],
            type: "line",
            name: "增值业务",
            lineStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [88, 97, 86, 38],
            type: "line",
            name: "融资租赁业务",
            lineStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [45, 82, 31, 30],
            type: "line",
            name: "商业租赁计划",
            lineStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbolSize: 12,
            smooth: true
          }
        ],
        legend: {
          data: ["小贷业务", "增值业务", "融资租赁业务", "商业租赁计划"],
          show: false,
          left: "center",
          top: "bottom",
          orient: "horizontal",
          textStyle: {
            color: "rgb(204, 204, 204)",
            fontSize: 12
          },
          itemHeight: 10,
          itemGap: 10,
          padding: 7,
          itemWidth: 15
        },
        tooltip: {
          show: true,
          trigger: "axis"
        },
        grid: {
          top: 40,
          bottom: 47
        },
        title: {
          text: "年审通过率",
          subtext: "2018第二季度",
          padding: 0,
          itemGap: 6,
          textStyle: {
            color: "rgb(255, 255, 255)",
            fontSize: 20
          },
          subtextStyle: {
            color: "rgb(183, 183, 183)"
          },
          show: false
        }
      },
      other: {
        sXAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.55)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            },
            show: false
          },
          show: true
        },
        sYAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.95)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgba(0, 255, 255, 0.64)"
            },
            show: false
          },
          splitLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.56)"
            },
            show: false
          },
          show: true
        },
        theme: "walden",
        dataFrom: "3"
      },
      rectP: {
        x: 44,
        y: 519,
        height: 246,
        width: 420,
        rotate: 0,
        zIndex: 39
      },
      data: {
        dimension: [
          {
            keyname: "data.yyyyMM",
            displayname: "data.yyyyMM"
          }
        ],
        series: [
          {
            keyname: "data.value1",
            displayname: "小贷业务"
          },
          {
            keyname: "data.value2",
            displayname: "增值业务"
          },
          {
            keyname: "data.value3",
            displayname: "融资租赁业务"
          },
          {
            keyname: "data.value4",
            displayname: "商业租赁计划"
          }
        ],
        classify: [],
        link:
          "../../bddpConfig/61284e70ef854b0bc215fe95ec9f6aae/data/zzsq1.json"
      },
      type: "line",
      id: "4ec02f21807dc1c72463ab30cc2a8f5e"
    };
    var tag4ec02f21807dc1c72463ab30cc2a8f5eOption =
      tag4ec02f21807dc1c72463ab30cc2a8f5eProp.options;
    createTagsBox(
      tag4ec02f21807dc1c72463ab30cc2a8f5eProp,
      tag4ec02f21807dc1c72463ab30cc2a8f5eOption,
      tag4ec02f21807dc1c72463ab30cc2a8f5eChart
    );
    var tag5ec02f21807dc1c72463ab30cc2a8f5eChart = echarts.init(
      document.getElementById("tag-5ec02f21807dc1c72463ab30cc2a8f5e"),
      "walden"
    );
    var tag5ec02f21807dc1c72463ab30cc2a8f5eProp = {
      options: {
        xAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.55)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            },
            show: false
          },
          show: true
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.95)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgba(0, 255, 255, 0.64)"
            },
            show: false
          },
          splitLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.56)"
            },
            show: false
          },
          show: true
        },
        series: [
          {
            data: [90, 82, 49, 40],
            type: "line",
            name: "小贷业务",
            lineStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [87, 70, 48, 99],
            type: "line",
            name: "增值业务",
            lineStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [88, 97, 86, 38],
            type: "line",
            name: "融资租赁业务",
            lineStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [45, 82, 31, 30],
            type: "line",
            name: "商业租赁计划",
            lineStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbolSize: 12,
            smooth: true
          }
        ],
        legend: {
          data: ["小贷业务", "增值业务", "融资租赁业务", "商业租赁计划"],
          show: false,
          left: "center",
          top: "bottom",
          orient: "horizontal",
          textStyle: {
            color: "rgb(204, 204, 204)",
            fontSize: 12
          },
          itemHeight: 10,
          itemGap: 10,
          padding: 7,
          itemWidth: 15
        },
        tooltip: {
          show: true,
          trigger: "axis"
        },
        grid: {
          top: 40,
          bottom: 47
        },
        title: {
          text: "年审通过率",
          subtext: "2018第二季度",
          padding: 0,
          itemGap: 6,
          textStyle: {
            color: "rgb(255, 255, 255)",
            fontSize: 20
          },
          subtextStyle: {
            color: "rgb(183, 183, 183)"
          },
          show: false
        }
      },
      optionsText: {
        xAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.55)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            },
            show: false
          },
          show: true
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.95)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgba(0, 255, 255, 0.64)"
            },
            show: false
          },
          splitLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.56)"
            },
            show: false
          },
          show: true
        },
        series: [
          {
            data: [90, 82, 49, 40],
            type: "line",
            name: "小贷业务",
            lineStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [87, 70, 48, 99],
            type: "line",
            name: "增值业务",
            lineStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [88, 97, 86, 38],
            type: "line",
            name: "融资租赁业务",
            lineStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [45, 82, 31, 30],
            type: "line",
            name: "商业租赁计划",
            lineStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbolSize: 12,
            smooth: true
          }
        ],
        legend: {
          data: ["小贷业务", "增值业务", "融资租赁业务", "商业租赁计划"],
          show: false,
          left: "center",
          top: "bottom",
          orient: "horizontal",
          textStyle: {
            color: "rgb(204, 204, 204)",
            fontSize: 12
          },
          itemHeight: 10,
          itemGap: 10,
          padding: 7,
          itemWidth: 15
        },
        tooltip: {
          show: true,
          trigger: "axis"
        },
        grid: {
          top: 40,
          bottom: 47
        },
        title: {
          text: "年审通过率",
          subtext: "2018第二季度",
          padding: 0,
          itemGap: 6,
          textStyle: {
            color: "rgb(255, 255, 255)",
            fontSize: 20
          },
          subtextStyle: {
            color: "rgb(183, 183, 183)"
          },
          show: false
        }
      },
      other: {
        sXAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.55)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            },
            show: false
          },
          show: true
        },
        sYAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.95)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgba(0, 255, 255, 0.64)"
            },
            show: false
          },
          splitLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.56)"
            },
            show: false
          },
          show: true
        },
        theme: "walden",
        dataFrom: "3"
      },
      rectP: {
        x: 40,
        y: 810,
        height: 246,
        width: 420,
        rotate: 0,
        zIndex: 39
      },
      data: {
        dimension: [
          {
            keyname: "data.yyyyMM",
            displayname: "data.yyyyMM"
          }
        ],
        series: [
          {
            keyname: "data.value1",
            displayname: "小贷业务"
          },
          {
            keyname: "data.value2",
            displayname: "增值业务"
          },
          {
            keyname: "data.value3",
            displayname: "融资租赁业务"
          },
          {
            keyname: "data.value4",
            displayname: "商业租赁计划"
          }
        ],
        classify: [],
        link:
          "../../bddpConfig/61284e70ef854b0bc215fe95ec9f6aae/data/zzsq1.json"
      },
      type: "line",
      id: "5ec02f21807dc1c72463ab30cc2a8f5e"
    };
    var tag5ec02f21807dc1c72463ab30cc2a8f5eOption =
      tag5ec02f21807dc1c72463ab30cc2a8f5eProp.options;
    createTagsBox(
      tag5ec02f21807dc1c72463ab30cc2a8f5eProp,
      tag5ec02f21807dc1c72463ab30cc2a8f5eOption,
      tag5ec02f21807dc1c72463ab30cc2a8f5eChart
    );
    var tag6ec02f21807dc1c72463ab30cc2a8f5eChart = echarts.init(
      document.getElementById("tag-6ec02f21807dc1c72463ab30cc2a8f5e"),
      "walden"
    );
    var tag6ec02f21807dc1c72463ab30cc2a8f5eProp = {
      options: {
        xAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.55)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            },
            show: false
          },
          show: true
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.95)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgba(0, 255, 255, 0.64)"
            },
            show: false
          },
          splitLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.56)"
            },
            show: false
          },
          show: true
        },
        series: [
          {
            data: [90, 82, 49, 40],
            type: "line",
            name: "小贷业务",
            lineStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [87, 70, 48, 99],
            type: "line",
            name: "增值业务",
            lineStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [88, 97, 86, 38],
            type: "line",
            name: "融资租赁业务",
            lineStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [45, 82, 31, 30],
            type: "line",
            name: "商业租赁计划",
            lineStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbolSize: 12,
            smooth: true
          }
        ],
        legend: {
          data: ["小贷业务", "增值业务", "融资租赁业务", "商业租赁计划"],
          show: false,
          left: "center",
          top: "bottom",
          orient: "horizontal",
          textStyle: {
            color: "rgb(204, 204, 204)",
            fontSize: 12
          },
          itemHeight: 10,
          itemGap: 10,
          padding: 7,
          itemWidth: 15
        },
        tooltip: {
          show: true,
          trigger: "axis"
        },
        grid: {
          top: 40,
          bottom: 47
        },
        title: {
          text: "年审通过率",
          subtext: "2018第二季度",
          padding: 0,
          itemGap: 6,
          textStyle: {
            color: "rgb(255, 255, 255)",
            fontSize: 20
          },
          subtextStyle: {
            color: "rgb(183, 183, 183)"
          },
          show: false
        }
      },
      optionsText: {
        xAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.55)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            },
            show: false
          },
          show: true
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.95)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgba(0, 255, 255, 0.64)"
            },
            show: false
          },
          splitLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.56)"
            },
            show: false
          },
          show: true
        },
        series: [
          {
            data: [90, 82, 49, 40],
            type: "line",
            name: "小贷业务",
            lineStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [87, 70, 48, 99],
            type: "line",
            name: "增值业务",
            lineStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [88, 97, 86, 38],
            type: "line",
            name: "融资租赁业务",
            lineStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [45, 82, 31, 30],
            type: "line",
            name: "商业租赁计划",
            lineStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbolSize: 12,
            smooth: true
          }
        ],
        legend: {
          data: ["小贷业务", "增值业务", "融资租赁业务", "商业租赁计划"],
          show: false,
          left: "center",
          top: "bottom",
          orient: "horizontal",
          textStyle: {
            color: "rgb(204, 204, 204)",
            fontSize: 12
          },
          itemHeight: 10,
          itemGap: 10,
          padding: 7,
          itemWidth: 15
        },
        tooltip: {
          show: true,
          trigger: "axis"
        },
        grid: {
          top: 40,
          bottom: 47
        },
        title: {
          text: "年审通过率",
          subtext: "2018第二季度",
          padding: 0,
          itemGap: 6,
          textStyle: {
            color: "rgb(255, 255, 255)",
            fontSize: 20
          },
          subtextStyle: {
            color: "rgb(183, 183, 183)"
          },
          show: false
        }
      },
      other: {
        sXAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.55)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            },
            show: false
          },
          show: true
        },
        sYAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.95)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgba(0, 255, 255, 0.64)"
            },
            show: false
          },
          splitLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.56)"
            },
            show: false
          },
          show: true
        },
        theme: "walden",
        dataFrom: "3"
      },
      rectP: {
        x: 996,
        y: 519,
        height: 246,
        width: 420,
        rotate: 0,
        zIndex: 39
      },
      data: {
        dimension: [
          {
            keyname: "data.yyyyMM",
            displayname: "data.yyyyMM"
          }
        ],
        series: [
          {
            keyname: "data.value1",
            displayname: "小贷业务"
          },
          {
            keyname: "data.value2",
            displayname: "增值业务"
          },
          {
            keyname: "data.value3",
            displayname: "融资租赁业务"
          },
          {
            keyname: "data.value4",
            displayname: "商业租赁计划"
          }
        ],
        classify: [],
        link:
          "../../bddpConfig/61284e70ef854b0bc215fe95ec9f6aae/data/zzsq1.json"
      },
      type: "line",
      id: "6ec02f21807dc1c72463ab30cc2a8f5e"
    };
    var tag6ec02f21807dc1c72463ab30cc2a8f5eOption =
      tag6ec02f21807dc1c72463ab30cc2a8f5eProp.options;
    createTagsBox(
      tag6ec02f21807dc1c72463ab30cc2a8f5eProp,
      tag6ec02f21807dc1c72463ab30cc2a8f5eOption,
      tag6ec02f21807dc1c72463ab30cc2a8f5eChart
    );
    var tag7ec02f21807dc1c72463ab30cc2a8f5eChart = echarts.init(
      document.getElementById("tag-7ec02f21807dc1c72463ab30cc2a8f5e"),
      "walden"
    );
    var tag7ec02f21807dc1c72463ab30cc2a8f5eProp = {
      options: {
        xAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.55)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            },
            show: false
          },
          show: true
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.95)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgba(0, 255, 255, 0.64)"
            },
            show: false
          },
          splitLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.56)"
            },
            show: false
          },
          show: true
        },
        series: [
          {
            data: [90, 82, 49, 40],
            type: "line",
            name: "小贷业务",
            lineStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [87, 70, 48, 99],
            type: "line",
            name: "增值业务",
            lineStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [88, 97, 86, 38],
            type: "line",
            name: "融资租赁业务",
            lineStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [45, 82, 31, 30],
            type: "line",
            name: "商业租赁计划",
            lineStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbolSize: 12,
            smooth: true
          }
        ],
        legend: {
          data: ["小贷业务", "增值业务", "融资租赁业务", "商业租赁计划"],
          show: false,
          left: "center",
          top: "bottom",
          orient: "horizontal",
          textStyle: {
            color: "rgb(204, 204, 204)",
            fontSize: 12
          },
          itemHeight: 10,
          itemGap: 10,
          padding: 7,
          itemWidth: 15
        },
        tooltip: {
          show: true,
          trigger: "axis"
        },
        grid: {
          top: 40,
          bottom: 47
        },
        title: {
          text: "年审通过率",
          subtext: "2018第二季度",
          padding: 0,
          itemGap: 6,
          textStyle: {
            color: "rgb(255, 255, 255)",
            fontSize: 20
          },
          subtextStyle: {
            color: "rgb(183, 183, 183)"
          },
          show: false
        }
      },
      optionsText: {
        xAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.55)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            },
            show: false
          },
          show: true
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.95)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgba(0, 255, 255, 0.64)"
            },
            show: false
          },
          splitLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.56)"
            },
            show: false
          },
          show: true
        },
        series: [
          {
            data: [90, 82, 49, 40],
            type: "line",
            name: "小贷业务",
            lineStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(28, 168, 221)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [87, 70, 48, 99],
            type: "line",
            name: "增值业务",
            lineStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(0, 124, 225)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [88, 97, 86, 38],
            type: "line",
            name: "融资租赁业务",
            lineStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(156, 135, 255)"
            },
            symbolSize: 12,
            smooth: true
          },
          {
            data: [45, 82, 31, 30],
            type: "line",
            name: "商业租赁计划",
            lineStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbol: "circle",
            itemStyle: {
              color: "rgb(92, 51, 251)"
            },
            symbolSize: 12,
            smooth: true
          }
        ],
        legend: {
          data: ["小贷业务", "增值业务", "融资租赁业务", "商业租赁计划"],
          show: false,
          left: "center",
          top: "bottom",
          orient: "horizontal",
          textStyle: {
            color: "rgb(204, 204, 204)",
            fontSize: 12
          },
          itemHeight: 10,
          itemGap: 10,
          padding: 7,
          itemWidth: 15
        },
        tooltip: {
          show: true,
          trigger: "axis"
        },
        grid: {
          top: 40,
          bottom: 47
        },
        title: {
          text: "年审通过率",
          subtext: "2018第二季度",
          padding: 0,
          itemGap: 6,
          textStyle: {
            color: "rgb(255, 255, 255)",
            fontSize: 20
          },
          subtextStyle: {
            color: "rgb(183, 183, 183)"
          },
          show: false
        }
      },
      other: {
        sXAxis: {
          type: "category",
          data: ["201803", "201804", "201805", "201806"],
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.55)"
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgb(18, 108, 142)"
            },
            show: false
          },
          show: true
        },
        sYAxis: {
          type: "value",
          axisLabel: {
            color: "rgb(90, 218, 219)"
          },
          name: "",
          max: 120,
          nameTextStyle: {
            color: "rgb(0, 255, 255)"
          },
          axisLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.95)"
            }
          },
          axisTick: {
            lineStyle: {
              color: "rgba(0, 255, 255, 0.64)"
            },
            show: false
          },
          splitLine: {
            lineStyle: {
              color: "rgba(18, 108, 142, 0.56)"
            },
            show: false
          },
          show: true
        },
        theme: "walden",
        dataFrom: "3"
      },
      rectP: {
        x: 990,
        y: 810,
        height: 246,
        width: 420,
        rotate: 0,
        zIndex: 39
      },
      data: {
        dimension: [
          {
            keyname: "data.yyyyMM",
            displayname: "data.yyyyMM"
          }
        ],
        series: [
          {
            keyname: "data.value1",
            displayname: "小贷业务"
          },
          {
            keyname: "data.value2",
            displayname: "增值业务"
          },
          {
            keyname: "data.value3",
            displayname: "融资租赁业务"
          },
          {
            keyname: "data.value4",
            displayname: "商业租赁计划"
          }
        ],
        classify: [],
        link:
          "../../bddpConfig/61284e70ef854b0bc215fe95ec9f6aae/data/zzsq1.json"
      },
      type: "line",
      id: "7ec02f21807dc1c72463ab30cc2a8f5e"
    };
    var tag7ec02f21807dc1c72463ab30cc2a8f5eOption =
      tag7ec02f21807dc1c72463ab30cc2a8f5eProp.options;
    createTagsBox(
      tag7ec02f21807dc1c72463ab30cc2a8f5eProp,
      tag7ec02f21807dc1c72463ab30cc2a8f5eOption,
      tag7ec02f21807dc1c72463ab30cc2a8f5eChart
    );
    var tag5b67ea57c0d32b09a0a826cda302a82dChart = echarts.init(
      document.getElementById("tag-5b67ea57c0d32b09a0a826cda302a82d"),
      "default"
    );
    var tag5b67ea57c0d32b09a0a826cda302a82dProp = {
      options: {
        color: ["#1ca8dd", "#007ce1", "#9c87ff", "#5c33fb"],
        series: [
          {
            data: [
              {
                name: "个人客户",
                value: 61
              },
              {
                name: "企业客户",
                value: 52
              },
              {
                name: "核心企业",
                value: 42
              },
              {
                name: "担保客户",
                value: 41
              }
            ],
            type: "pie",
            roseType: false,
            smooth: true,
            startAngle: "190",
            label: {
              show: true,
              color: "rgb(0, 255, 255)"
            },
            labelLine: {
              lineStyle: {
                color: "rgb(0, 255, 255)"
              },
              length2: 30,
              length: 17
            },
            radius: ["50%", "65%"]
          }
        ],
        legend: {
          data: ["个人客户", "企业客户", "核心企业", "担保客户"],
          textStyle: {
            color: "rgb(243, 243, 243)"
          },
          show: false
        },
        title: {
          show: true
        },
        tooltip: {
          show: true
        },
        backgroundColor: "rgba(0, 0, 0, 0)"
      },
      optionsText: {
        color: ["#1ca8dd", "#007ce1", "#9c87ff", "#5c33fb"],
        series: [
          {
            data: [
              {
                name: "个人客户",
                value: 61
              },
              {
                name: "企业客户",
                value: 52
              },
              {
                name: "核心企业",
                value: 42
              },
              {
                name: "担保客户",
                value: 41
              }
            ],
            type: "pie",
            roseType: false,
            smooth: true,
            startAngle: "190",
            label: {
              show: true,
              color: "rgb(0, 255, 255)"
            },
            labelLine: {
              lineStyle: {
                color: "rgb(0, 255, 255)"
              },
              length2: 30,
              length: 17
            },
            radius: ["50%", "65%"]
          }
        ],
        legend: {
          data: ["个人客户", "企业客户", "核心企业", "担保客户"],
          textStyle: {
            color: "rgb(243, 243, 243)"
          },
          show: false
        },
        title: {
          show: true
        },
        tooltip: {
          show: true
        },
        backgroundColor: "rgba(0, 0, 0, 0)"
      },
      other: {
        theme: "default",
        dataFrom: "3"
      },
      rectP: {
        x: 998,
        y: 179,
        height: 275,
        width: 413,
        rotate: 0,
        zIndex: 50
      },
      data: {
        dimension: [
          {
            keyname: "data.productName",
            displayname: "data.productName"
          }
        ],
        series: [
          {
            keyname: "data.count",
            displayname: "data.count"
          }
        ],
        classify: [],
        link: "../../bddpConfig/61284e70ef854b0bc215fe95ec9f6aae/data/khfx.json"
      },
      type: "pie",
      id: "5b67ea57c0d32b09a0a826cda302a82d"
    };
    var tag5b67ea57c0d32b09a0a826cda302a82dOption =
      tag5b67ea57c0d32b09a0a826cda302a82dProp.options;
    createTagsBox(
      tag5b67ea57c0d32b09a0a826cda302a82dProp,
      tag5b67ea57c0d32b09a0a826cda302a82dOption,
      tag5b67ea57c0d32b09a0a826cda302a82dChart
    );
  </script>
  <script src="../../statics/bddp/static/common/commonShow.js"></script>
  <script src="../../statics/plugins/kute/kute.min.js"></script>
  <style>
    .overlay {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.3);
      display: none;
    }

    #content {
      transition: all 1s;
    }

    .filterBlur {
      -webkit-filter: blur(5px);
    }

    .close-span {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 24px;
      color: #fff;
      width: 40px;
      height: 40px;
      transform: rotate(45deg);
    }

    .close-span::before {
      content: " ";
      height: 2px;
      width: 40px;
      background-color: #fff;
      display: block;
      position: absolute;
      top: 19px;
    }

    .close-span::after {
      content: " ";
      width: 2px;
      background-color: #fff;
      display: block;
      height: 40px;
      position: absolute;
      left: 19px;
    }
    #tag-523d4d2ffe9bc075a82a3cdd304de954:hover,
    #tag-2c76ae0c5ecfb42a7c28cd4442d3fa26:hover,
    #tag-74916c0ea53964e73cfc5af142ef7d5e:hover,
    #tag-f636b34cfb2e61e00339ee22a5829411:hover {
      box-shadow: 0 0 16px 2px #03a9f4;
      transition: all 0.75s;
    }
  </style>
  <iframe
    src=""
    frameborder="0"
    id="demo2"
    style=" position:absolute;width:1366px;height:768px;z-index: -1;"
  ></iframe>
  <iframe
    src=""
    frameborder="0"
    id="demo3"
    style=" position:absolute;width:1366px;height:768px;z-index: -1;"
  ></iframe>
  <div class="overlay"></div>
  <script>
    $(function() {
      var target1 = $("#2e21a668aba4d6face4fe5966c43f2c8");
      var target2 = $("#8ec02f21807dc1c72463ab30cc2a8f5e");
      var target3 = $("#5b67ea57c0d32b09a0a826cda302a82d");
      var tween1 = KUTE.fromTo(
        "#demo2", // element
        {
          translateX: 0,
          rotateX: 0,
          rotateY: 0,
          rotateZ: 0,
          width: 0,
          height: 0,
          top: target1.offset().top,
          left: target1.offset().left
        }, // from values
        {
          translateX: 20,
          translateY: -80,
          translateZ: -120,
          rotateX: 360,
          rotateY: 18,
          rotateZ: 0,
          width: 1366,
          height: 768,
          top: window.innerHeight / 2 - 384,
          left: target1.offset().left - 1366
        }, // to values
        {
          parentPerspective: 2000,
          parentPerspectiveOrigin: "center top"
        } // transform options
      );
      var tween2 = KUTE.fromTo(
        "#demo2", // element
        {
          translateX: 20,
          translateY: -80,
          translateZ: -120,
          rotateX: 360,
          rotateY: 18,
          rotateZ: 0,
          width: 1366,
          height: 768,
          top: window.innerHeight / 2 - 384,
          left: target1.offset().left - 1366
        }, // to values
        {
          translateX: 0,
          rotateX: 0,
          rotateY: 0,
          rotateZ: 0,
          width: 0,
          height: 0,
          rotateY: 0,
          top: target1.offset().top,
          left: target1.offset().left
        }, // from values
        {
          parentPerspective: 2000,
          parentPerspectiveOrigin: "center top"
        } // transform options
      );
      target1.bind({
        mouseover: function(e) {
          $("#demo2")
            .show()
            .css({
              "z-index": 2,
              "box-shadow": "rgb(204, 204, 204) 0px 0px 20px 2px"
            });
          $("#content").addClass("filterBlur");
          !tween1.playing && tween1.start();
          // tween3.start();
        },
        mouseout: function() {
          !tween2.playing && tween2.start();
          $("#content").removeClass("filterBlur");
          // tween4.start();
          //$("#demo2").hide();
        }
      });

      var tween4 = KUTE.fromTo(
        "#demo3", // element
        {
          width: target2.width(),
          height: target2.height(),
          top: (window.innerHeight - target2.height()) / 2,
          left: (window.innerWidth - target2.width()) / 2
        }, // from values
        {
          width: 1366,
          height: 768,
          top: (window.innerHeight - 768) / 2,
          left: (window.innerWidth - 1366) / 2
        }
      );
      var tween5 = KUTE.to(
        "#demo3", // element
        {
          width: 0,
          height: 0,
          top: window.innerHeight / 2,
          left: window.innerWidth / 2
        }
      );

      target2.bind("click", function() {
        $("#demo3").attr("src", "demo2.html");
        $("#demo3").css("z-index", "2");
        tween4.start();
        $("#content").addClass("filterBlur");
        $(".overlay").fadeIn();
        var closeBtn = $('<span class="close-span"></span>');
        closeBtn.appendTo("body");
        closeBtn.bind("click", function() {
          $("#content").removeClass("filterBlur");
          $(".overlay").fadeOut();
          tween5.start();
          $(this).remove();
        });
      });

      $("#demo2").attr("src", "demo2.html");

      $(
        "#523d4d2ffe9bc075a82a3cdd304de954,#2c76ae0c5ecfb42a7c28cd4442d3fa26,#74916c0ea53964e73cfc5af142ef7d5e,#f636b34cfb2e61e00339ee22a5829411"
      ).bind("click", function() {
        var tagId = $(this).attr("id");
        var type = "A";
        if (tagId == "523d4d2ffe9bc075a82a3cdd304de954") {
          type = "A";
        } else if (tagId == "2c76ae0c5ecfb42a7c28cd4442d3fa26") {
          type = "B";
        } else if (tagId == "74916c0ea53964e73cfc5af142ef7d5e") {
          type = "C";
        } else if (tagId == "f636b34cfb2e61e00339ee22a5829411") {
          type = "D";
        }
        changeData();
        changeTableData(type);
      });
      $(
        "#a2bc3356d17d5132eb14dfc43efa15a3,#d4fce0c3f3af0576a70bd15ff2ec24d1,#c7812151d887227f84b8ff0f5c8feb26,#e3e4afb542b70b9b5259d96c0d7dc1e2"
      ).bind("click", function() {
        var tagId = $(this).attr("id");
        var type = "A";
        if (tagId == "a2bc3356d17d5132eb14dfc43efa15a3") {
          type = "A";
        } else if (tagId == "d4fce0c3f3af0576a70bd15ff2ec24d1") {
          type = "B";
        } else if (tagId == "c7812151d887227f84b8ff0f5c8feb26") {
          type = "C";
        } else if (tagId == "e3e4afb542b70b9b5259d96c0d7dc1e2") {
          type = "D";
        }
        changeData();
        changeTableData(type);
      });

      target3.bind({
        mouseover: function(e) {
          $("#129fe0688d266a4b14bd9d79a580655dClone")
            .show()
            .css({
              "z-index": 99
            });
        },
        mouseout: function() {
          $("#129fe0688d266a4b14bd9d79a580655dClone").hide();
        }
      });
    });
    // window.onload= function(){
    // }

    function changeData() {
      // tag4ec02f21807dc1c72463ab30cc2a8f5eChart.setOption({
      //   series: randomData()
      // });
      // tag5ec02f21807dc1c72463ab30cc2a8f5eChart.setOption({
      //   series: randomData()
      // });
      tag6ec02f21807dc1c72463ab30cc2a8f5eChart.setOption({
        series: randomData()
      });
      tag7ec02f21807dc1c72463ab30cc2a8f5eChart.setOption({
        series: randomData()
      });
    }
    function randomData() {
      var series = [];
      for (let i = 0; i < 4; i++) {
        var obj = {};
        var data = [];
        for (let index = 0; index < 4; index++) {
          data.push(randomNum(20, 120));
        }
        obj.data = data;
        series.push(obj);
      }
      return series;
    }
    function randomNum(minNum, maxNum) {
      switch (arguments.length) {
        case 1:
          return parseInt(Math.random() * minNum + 1, 10);
          break;
        case 2:
          return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
          break;
        default:
          return 0;
          break;
      }
    }

    function changeTableData(type) {
      var tableOption = {
        ajax_data: {
          data: getTablePropData(type),
          totals: 4
        },
        ajax_type: "POST",
        supportCheckbox: false,
        supportAutoOrder: false,
        height: "100%",
        width: "100%",
        columnData: [
          {
            key: "level",
            text: "风险级别",
            isShow: true,
            index: 0,
            width: "168px"
          },
          {
            key: "appType",
            text: "业务类型",
            isShow: true,
            index: 1,
            width: "169px"
          },
          {
            key: "desc",
            text: "风险描述",
            isShow: true,
            index: 2,
            width: "169px"
          }
        ],
        gridManagerName: "table5086aeb50ab9df1b18411c78e8a1abb9"
      };

      $(tag129fe0688d266a4b14bd9d79a580655dTable).initScroll(tableOption);
    }

    function getTablePropData(type) {
      var data = [];
      for (let i = 0; i < 10; i++) {
        var obj = {
          level: type,
          appType: "小贷业务",
          desc: "风险小，借款多"
        };
        data.push(obj);
      }
      return data;
    }

    var tag129fe0688d266a4b14bd9d79a580655dCloneTable = document.getElementById(
      "tag-129fe0688d266a4b14bd9d79a580655dClone"
    );
    var tag129fe0688d266a4b14bd9d79a580655dCloneOption = {
      ajax_data: {
        data: [
          {
            level: "1",
            appType: "个人客户",
            desc: "28%"
          },
          {
            level: "2",
            appType: "企业客户",
            desc: "25%"
          },
          {
            level: "3",
            appType: "核心企业",
            desc: "24%"
          },
          {
            level: "4",
            appType: "担保客户",
            desc: "23%"
          }
        ],
        totals: 4
      },
      ajax_type: "POST",
      supportCheckbox: false,
      supportAutoOrder: false,
      height: "100%",
      width: "100%",
      columnData: [
        {
          key: "level",
          text: "序号",
          isShow: true,
          index: 0,
          width: "168px"
        },
        {
          key: "appType",
          text: "业务类型",
          isShow: true,
          index: 1,
          width: "169px"
        },
        {
          key: "desc",
          text: "增长占比",
          isShow: true,
          index: 2,
          width: "169px"
        }
      ],
      gridManagerName: "table5086aeb50ab9df1b18411c78e8a1abb9Clone"
    };
    $(tag129fe0688d266a4b14bd9d79a580655dCloneTable).initScroll(
      tag129fe0688d266a4b14bd9d79a580655dCloneOption
    );
  </script>
</html>
